<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,viewport-fit=cover">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1.0"> -->
    <title>Document</title>
    <link rel="stylesheet" href="./css/Header&Footer.css">
    <link rel="stylesheet" href="./css/6massage.css">
</head>

<body>
    <header>
        <div><img src="./image/index/logo.jpg" alt=""></div>
        <div>
            <img src="./image/index/my.jpg" alt="">
            <img src="./image/index/xiazai.jpg" alt="">
        </div>
    </header>
    <!-- tou -->
    <p class="tou">
        <a href="./1index.html">首页</a>>
        <a href="#">北京租房</a>>
        <a href="#">房源信息</a>
    </p>
    <!-- nav -->
    <nav>
        <img src="./image/rentalList/banner.png" alt="">
        <span>分享</span>
    </nav>
    <!-- text -->
    <ul class="text">
        <li class="text_l1">
            <p>天鹅湾小区精装两居，满五唯一，业主换房急售</p>
            <span><img src="./image/rentalList/xin.png" alt=""><br> 关注</span>
        </li>
        <li class="text_l2">
            <ul>
                <li><span>租金</span><br><span>2300元/月</span></li>
                <li><span>房型</span><br><span>2室1厅</span></li>
                <li><span>面积</span><br><span>204平米</span></li>
            </ul>
        </li>
        <li class="text_l3">
            <ul>
                <li><span>楼层：高楼/17层</span><span>朝向：南北</span></li>
                <li><span>装修：精装</span><span>供暖：集体供暖</span></li>
                <li><span>年代：2007年</span><span>楼型：板楼</span></li>
            </ul>
        </li>
    </ul>
    <!-- 经纪人房评 -->
    <div class="fangping">
        <h1 class="h1">经纪人房评</h1>
        <p class="p">地理位置:晶都国际处于酒仙桥中心地带，毗邻北京三大商圈，紧邻丽都商圈，隔四环与望京商圈相望，西南紧挨燕莎商圈，地理位置优越。周边配套:颐堤港商业中心，兆维大厦...
        </p>
    </div>
    <!-- 看房客户记录 -->
    <div class="kanfang">
        <h1 class="h1">看房客户记录</h1>
        <p class="p">近一个月新增0位看房客户，共50位 </p>
    </div>
    <!-- 位置及周边 -->
    <div class="weizhi">
        <h1 class="h1">位置及周边</h1>
        <div>
            <p>地址:[黄村]时代龙和</p>
            <div id="container">
            </div>
        </div>
    </div>
    <!-- 小区成交历史 -->
    <div class="chengjiao">
        <h1 class="h1">小区成交历史</h1>
        <p class="p">3室2厅，146平米，<span>5000元</span></p>
        <p class="p">签约日期:2015-02-26</p>
    </div>
    <!-- 张三信息 -->
    <ul class="zhangsan">
        <li><img src="./image/rentalList/man.png" alt=""></li>
        <li><span>张三</span><br><span>4001581855转0008</span></li>
        <li><img src="./image/rentalList/icon1.png" alt=""><br> 致电</li>
        <li><img src="./image/rentalList/icon2.png" alt=""><br> 短信</li>
    </ul>
    <footer>
        <p>
            <a href="">北京找房无忧网</a>>
            <a href="">首页</a>
        </p>
        <ul>
            <li>
                <div>
                    <img src="./image/index/apple.png" alt="">
                    <div>
                        <span>iphone</span><br>
                        <span>客户端</span>
                    </div>
                </div>
                <div>
                    <img src="./image/index/android.png" alt="">
                    <div>
                        <span>Android</span><br>
                        <span>客户端</span>
                    </div>
                </div>
            </li>
            <li>北京找房无忧房地产经纪有限公司</li>
            <li>网络经营许可证 京ICP备20160812号-12</li>
        </ul>
    </footer>
    <script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=YDyqqv0vFDmO8EdoOibzLDkTekjbzLRO"></script>
    <script>
        var map = new BMapGL.Map("container"); // 创建地图实例 
        var point = new BMapGL.Point(113.680665, 34.804449); // 创建点坐标 
        var marker = new BMapGL.Marker(point); // 创建标注   
        map.addOverlay(marker); // 将标注添加到地图中
        map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别
        map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
        map.setHeading(64.5); //设置地图旋转角度
        map.setTilt(73); //设置地图的倾斜角度

        // 禁止地图旋转和倾斜可以通过配置项进行设置
        var map = new BMapGL.Map("allmap", {
            enableRotate: false,
            enableTilt: false
        });
    </script>
</body>

</html>